<template>
    <div>
        <el-container>
            <el-header>Header</el-header>
            <el-main>
                <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
                    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
                </el-tabs>
            </el-main>
            <el-footer>Footer</el-footer>
        </el-container>
    </div>


</template>

<script>
    export default {
        name: "login",
        data(){
            return {
                activeName: 'second'
            }
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    }
</script>

<style scoped>
    @import "login.css";
</style>
